.workbench-yellow {
	@navcolor: #a47238;
	@navborder: #edc699;
	@navfont: #e3e3e3;
	@navlastchild: #fff;
	@fonthovercolor: #d89649;
	@bordercolor: #d0d0d0;
	@tabdefaultcolor: #555555;
	@selectbackcolor: #c18239;
	@linecolor: #e7e7e7;
	@line: 1px solid @linecolor !important;
	@theadcolor: #f5e9db;
	@messageColor: #d28d3e;
	@layoutcolor: #cacaca;
	.nc_workbench-container-content,
	.nc-workbench-home-page {
		background-image: none !important;
		background: @layoutcolor !important;
	}
	.nc-workbench-home-container {
		background: @layoutcolor;
		.nc-workbench-app-container {
			.title {
				color: #111;
			}
		}
	}
	.noborder {
		border: none;
	}
	.boxshadow {
		box-shadow: 0 1px 1px @bordercolor;
	}
	.nc-workbench-nav {
		background: @navcolor;
		.nc-workbench-allAppsBtn {
			&::after {
				background: @navborder;
			}
		}
		.nc-workbench-icon-open {
			.nc-workbench-icon {
				background: rgba(0, 0, 0, 0.2) !important;
			}
		}
		.ant-select-selection {
			background: @selectbackcolor !important;
			.ant-select-selection-selected-value,
			svg {
				color: @navlastchild;
			}
		}
		.ant-select-dropdown {
			li {
				background-color: @selectbackcolor;
				color: @navlastchild !important;
			}
		}
		.workbench-breadcrumb {
			.ant-breadcrumb {
				color: @navfont;
				& > span:first-child:hover {
					color: @navlastchild;
				}
				& > span:last-child {
					color: @navlastchild;
				}
			}
		}
		.nav-right,
		.n-v-middle,
		.nav-left {
			i {
				&::before {
					color: @navlastchild;
				}
			}
			.ant-select-search__field__wrap {
				input {
					color: @navlastchild;
					border: none;
				}
			}
			.nc-workbench-businessdate {
				.u-form-control,
				.u-form-control-wrapper {
					background: @navcolor !important;
				}
				.datepicker-input-group,
				input {
					background: @navcolor !important;
					color: @navlastchild !important;
				}
				.nc_DatePickClientHourTime {
					background: @navcolor !important;
				}
			}
			.iconContainer,
			.nc-workbench-icon {
				&:hover {
					background-color: rgba(0, 0, 0, 0.2) !important;
				}
			}
		}
		.nav-middle {
			i::before {
				color: @navlastchild !important;
			}
		}
	}
	// 分割线
	.nccwb-header-info {
		background-color: @navlastchild;
		border-bottom: @line;
		.tabs-icon {
			span {
				background-color: #d7d7d7 !important;
				.iconfont {
					color: #555 !important;
				}
			}
		}
		.tabs-icon {
			.iconfontColor {
				background-color: #eee !important;
				.iconfont {
					color: #bdbdbe !important;
				}
			}
		}
		a {
			color: @tabdefaultcolor;
			&:hover {
				color: @fonthovercolor;
			}
		}
		.active {
			a {
				color: @fonthovercolor !important;
				&::after {
					background: @fonthovercolor !important;
				}
			}
		}
	}
	.nc-workbench-page-header {
		border-bottom: @line;
	}
	.ant-btn {
		.boxshadow;
		background-color: @navlastchild;
		color: #111111;
		border-color: @bordercolor;
		&:disabled {
			color: #bfbfbf;
			border-color: @bordercolor;
		}
		&:hover {
			color: @fonthovercolor;
			border-color: @fonthovercolor;
		}
	}
	.ant-btn-primary,
	.empty-btn .ant-btn {
		.noborder;
		.boxshadow;
		background-color: @fonthovercolor !important;
		color: @navlastchild !important;
		&:disabled {
			background-color: #f2cb9c !important;
		}
		&:hover {
			background-color: #d8903b !important;
		}
	}
	// tab
	.ant-tabs-tab {
		color: @tabdefaultcolor;
		&:hover {
			color: @fonthovercolor !important;
		}
	}
	.ant-tabs-tab-active {
		color: @fonthovercolor !important;
	}
	.ant-tabs-ink-bar-animated {
		background-color: @fonthovercolor;
	}
	.ant-table {
		th {
			background: @theadcolor;
		}
		tr {
			&:hover {
				td {
					background: #faf4ed !important;
				}
			}
		}
	}
	// 弹窗
	.ant-modal-content {
		background: #f3f3f3;
		.ant-modal-header {
			background: #f1f1f1;
		}
		.ant-modal-body,
		.ant-modal-footer {
			background: @navlastchild;
		}
		.captcha-btn {
			color: @fonthovercolor !important;
			background: fade(@fonthovercolor, 50%) !important;
			&:hover {
				color: @navlastchild !important;
			}
		}
	}
	// 日期组件
	.rc-calendar-picker {
		.rc-calendar-date {
			color: @fonthovercolor;
		}
		.rc-calendar-today {
			.rc-calendar-date {
				border: 1px solid @fonthovercolor;
				color: @fonthovercolor;
			}
		}
		.rc-calendar-selected-day {
			.rc-calendar-date {
				background: #f6c082;
				border: 1px solid #f6c082;
			}
		}
		.rc-calendar-last-month-cell,
		.rc-calendar-next-month-btn-day {
			.rc-calendar-date {
				color: #a5adba;
			}
		}
		.workbench-ExtraFooter {
			span {
				color: @fonthovercolor;
			}
		}
	}
	.all-apps-layout {
		.list-item-content {
			&:hover {
				span {
					color: @fonthovercolor !important;
				}
			}
		}
		.active {
			&::after {
				background: @fonthovercolor !important;
			}
			span {
				color: @fonthovercolor !important;
			}
		}
		.item-app {
			&:hover {
				color: @fonthovercolor !important;
			}
		}
	}
	// 树组件
	.ant-tree {
		.ant-tree-node-selected {
			color: @fonthovercolor !important;
		}
	}
	// 模板配置
	.template-setting-page {
		.ant-radio-wrapper,
		.ant-radio-wrapper-checked {
			&:hover {
				.ant-radio-inner {
					border-color: @fonthovercolor;
				}
			}
			.ant-radio-checked .ant-radio-inner {
				border-color: @fonthovercolor;
				&::after {
					background-color: @fonthovercolor !important;
				}
			}
		}
		.template-setting-content .area-item .area-item-content .table-item .item-name {
			background-color: @theadcolor;
		}
		.template-setting-content {
			.area-item-header {
				.opr-btn:hover {
					color: @fonthovercolor !important;
				}
				.ant-checkbox {
					&:hover {
						.ant-checkbox-inner {
							border-color: @navborder;
						}
					}
				}
			}
			.active {
				border: 1px solid #f5e3ce !important;
			}
			.u-form-control {
				&:hover,
				&:focus {
					border-color: @fonthovercolor !important;
				}
			}
		}
		.template-setting-right-sider {
			.ant-tabs-ink-bar {
				height: 1px !important;
			}
		}
	}
	.ant-checkbox-wrapper {
		&:hover {
			.ant-checkbox-inner {
				border-color: @fonthovercolor !important;
			}
		}
		.ant-checkbox-checked {
			.ant-checkbox-inner {
				background-color: @fonthovercolor !important;
				border-color: @fonthovercolor !important;
			}
		}
	}
	.ant-checkbox-indeterminate {
		.ant-checkbox-inner {
			background-color: @fonthovercolor !important;
			border-color: @fonthovercolor !important;
		}
	}
	.ant-tree-checkbox {
		&:hover {
			.ant-tree-checkbox-inner {
				border-color: @fonthovercolor !important;
			}
		}
	}
	.ant-tree-checkbox-checked {
		.ant-tree-checkbox-inner {
			background-color: @fonthovercolor !important;
			border-color: @fonthovercolor !important;
		}
	}
	// 消息
	.message-content {
		.ant-tabs-tab-active {
			color: @messageColor !important;
		}
		.ant-tabs-ink-bar-animated {
			background-color: @messageColor !important;
		}
	}
	// 右侧侧拉
	.ant-drawer-body {
		.exitDiv:hover {
			i,
			span {
				color: @fonthovercolor !important;
			}
		}
		.setting-content {
			span {
				&:hover {
					color: @fonthovercolor !important;
				}
			}
		}
		.drawer-link {
			span {
				&:hover {
					color: @fonthovercolor !important;
				}
			}
			.disturbSettingBtn {
				color: @fonthovercolor !important;
			}
		}
		.drawer-close-btn {
			&:hover {
				color: @fonthovercolor !important;
			}
		}
	}
	.button-app-wrapper {
		.btn-primary {
			border: unset;
		}
	}
	// 桌面设置
	.nc-desktop-setting {
		.switch-search,
		.iconfont,
		.anticon {
			&:hover {
				color: @navborder !important;
			}
		}
		.nc-desktop-setting-content {
			.anchor {
				a:hover {
					color: @fonthovercolor !important;
				}
				.active {
					color: @fonthovercolor !important;
					span::after {
						height: 1px;
						background: @fonthovercolor !important;
					}
				}
			}
		}
	}
	.subjectSetting {
		.u-button {
			color: #fff;
			background-color: #d89649;
			border: 1px solid #d89649;
			&:hover {
				background-color: #d8903b;
				border: 1px solid #d8903b;
			}
		}
	}
}
